<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>选择器</title>
		<style>
			/*
				子代选择器
			*/
			div>span {
				/*color: blue;*/
			}
			
			/*
				后代选择器
			*/
			div span {
				color: pink;
			}
			
			/*
				相邻兄弟选择器
			*/
			p+div {
				background-color: skyblue;
			}

			/*
				类名为box的div
			*/
			div.box {
				background-color: gold;
			}

			/*
				选中ID为wrap的p
			*/
			p#wrap {
				text-align: center;
				color: purple;
			}	
			
			/*
				div下面的子代p标签下面的子代span标签
			*/
			div>p>span {

			}
			
			/*
				div下面的所有子代元素
			*/
			div>* {

			}
			
			/*
				div下面的所有后代元素
			*/
			div * {

			}
	
		</style>
	</head>
	<body>

		<div>
			<span>我</span>爱大自然.
			<p>
				已经进入<span>三月</span>了, 每天都能感觉到外面的空气特别新鲜.
			</p>
		</div>
		
		<p>
			锄禾日当午, 汗滴禾下土.
		</p>
		<div>
			天生我材必有用, 千金散尽还复来.
		</div>
		<div>
			松下问童子, 言师采药去.
		</div>

		<div class="box">
			我是div
		</div>

		<p class="box" id="wrap">
			我是p标签
		</p>


	</body>
</html>
<!-- 
	作业:  1. 当天代码敲一下
		  2. 昨天没写完的作业继续写
		  3. 照片墙效果和扇子效果模仿一个


 -->






